{{extend 'layout.html'}}

<script type="text/javascript">
	jQuery(document).ready(function(){
		
		jQuery('#myCarousel').carousel({  
  			interval: 2500,  
		})
			
	});
</script> 

<!-- Partecipa -->
<div id="mod_partecipa" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">Partecipa</h3>
	</div>
	<div class="modal-body">
		<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>		
	</div>
</div>  

<!-- Condividi -->
<div id="mod_condividi" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">Condividi</h3>
	</div>
	<div class="modal-body">
		<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>		
	</div>
</div>  

<!-- Confrontati -->
<div id="mod_confrontati" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h3 id="myModalLabel">Confrontati</h3>
	</div>
	<div class="modal-body">
		<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>		
	</div>
</div>  


<div class="row-fluid" style="border: 1px solid #CCCCCC; padding: 15px; background-color: #FFFFFF">
	<div class="span6" style="height: 500px">						
    	<h2>{{=T("Entra nel project inVictus")}}</h2>
    	<hr />    	    	
      	<div id="myCarousel" class="carousel slide" style="height: 90%">
      		<div class="carousel-inner">
    			<div class="active item"><img src="{{=URL('static','images/inVictus/01.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/02.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/03.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/04.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/05.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/06.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/07.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/08.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/09.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/10.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/11.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/12.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/13.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/14.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/15.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/16.jpg')}}"/></div>
    			<div class="item"><img src="{{=URL('static','images/inVictus/17.jpg')}}"/></div>    			        		  
			</div>  		  
			<a class="carousel-control left" href="#myCarousel" data-slide="prev"><</a>  
			<a class="carousel-control right" href="#myCarousel" data-slide="next">></a>  
		</div>    		    		    		    	   		    	    	    	    		   
	</div>	
	<div class="span6" style="height: 500px">		
		<div class="well" style="height: 90%">
			<ul class="nav nav-tabs">
				<li class="active"><a href="#register" data-toggle="tab">Registrati</a></li>
				<li><a href="#login" data-toggle="tab">Login</a></li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane active in" id="register">		
					
					{{=register_form}}
								

					
				</div>
				<div class="tab-pane fade" id="login">					
					{{=login_form}}																
				</div>						
			</div>
		</div>			
	</div>
</div>
<br />
<div class="row-fluid" style="border: 1px solid #CCCCCC; padding: 15px; background-color: #FFFFFF">	
	<div class="span4">
		<div class="module">
			<div class="module-head">
				<h3>Partecipa</h3>			
			</div>
			<div class="module-body table">
				<p>
	      			Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
      			</p>
      			<p><a href="#mod_partecipa" role="button" class="btn btn-info" data-toggle="modal">Leggi</a></p>
			</div>
		</div>
	</div>	
	<div class="span4">
		<div class="module">
			<div class="module-head">
				<h3>Condividi</h3>			
			</div>
			<div class="module-body table">
				<p>
	      			Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
      			</p>
      			<p><a href="#mod_condividi" role="button" class="btn btn-info" data-toggle="modal">Leggi</a></p>
			</div>
		</div>
	</div>	
	<div class="span4">
		<div class="module">
			<div class="module-head">
				<h3>Confrontati</h3>			
			</div>
			<div class="module-body table">
				<p>
	      			Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
      			</p>
      			<p><a href="#mod_confrontati" role="button" class="btn btn-info" data-toggle="modal">Leggi</a></p>
			</div>
		</div>
	</div>				
</div>	
